<!--&lt;!&ndash;<template>&ndash;&gt;-->
<!--&lt;!&ndash;  <view>&ndash;&gt;-->
<!--&lt;!&ndash;    <list>&ndash;&gt;-->
<!--&lt;!&ndash;      <view class="history-item" v-for="(item, index) in historyRecords" :key="index">&ndash;&gt;-->
<!--&lt;!&ndash;        <text>患者：{{ item.patientId }}</text>&ndash;&gt;-->
<!--&lt;!&ndash;        <text>出生日期：{{ item.birthDate }}</text>&ndash;&gt;-->
<!--&lt;!&ndash;        <text>性别：{{ item.gender }}</text>&ndash;&gt;-->
<!--&lt;!&ndash;        <text>医生：{{ item.doctorName }}</text>&ndash;&gt;-->
<!--&lt;!&ndash;        <text>药品：{{ item.medicineName }}</text>&ndash;&gt;-->
<!--&lt;!&ndash;        <text>问诊人和患者关系：{{ item.relationshipWithPatient }}</text>&ndash;&gt;-->
<!--&lt;!&ndash;        <text>患者病情描述：{{ item.conditionDescription }}</text>&ndash;&gt;-->
<!--&lt;!&ndash;      </view>&ndash;&gt;-->
<!--&lt;!&ndash;    </list>&ndash;&gt;-->
<!--&lt;!&ndash;  </view>&ndash;&gt;-->
<!--&lt;!&ndash;</template>&ndash;&gt;-->

<!--&lt;!&ndash;<script>&ndash;&gt;-->
<!--&lt;!&ndash;import {searchDoctorListByUserId} from "@/api/websocket/websocket";&ndash;&gt;-->

<!--&lt;!&ndash;export default {&ndash;&gt;-->
<!--&lt;!&ndash;  data() {&ndash;&gt;-->
<!--&lt;!&ndash;    return {&ndash;&gt;-->
<!--&lt;!&ndash;      historyRecords: [] // 假设这里是问诊记录数据&ndash;&gt;-->
<!--&lt;!&ndash;    };&ndash;&gt;-->
<!--&lt;!&ndash;  },&ndash;&gt;-->
<!--&lt;!&ndash;  onShow() {&ndash;&gt;-->
<!--&lt;!&ndash;    // 假设 fetchHistory 是用来获取问诊记录的方法&ndash;&gt;-->
<!--&lt;!&ndash;    this.fetchHistory();&ndash;&gt;-->
<!--&lt;!&ndash;  },&ndash;&gt;-->
<!--&lt;!&ndash;  methods: {&ndash;&gt;-->
<!--&lt;!&ndash;    fetchHistory() {&ndash;&gt;-->
<!--&lt;!&ndash;      // 从数据库或本地存储获取问诊记录&ndash;&gt;-->
<!--&lt;!&ndash;      // 假设 getHistory 是一个获取数据的异步操作&ndash;&gt;-->
<!--&lt;!&ndash;      searchDoctorListByUserId().then(res => {&ndash;&gt;-->
<!--&lt;!&ndash;        this.historyRecords = res.data;&ndash;&gt;-->
<!--&lt;!&ndash;      }).catch(error => {&ndash;&gt;-->
<!--&lt;!&ndash;        console.error('获取问诊记录失败:', error);&ndash;&gt;-->
<!--&lt;!&ndash;      });&ndash;&gt;-->
<!--&lt;!&ndash;    }&ndash;&gt;-->
<!--&lt;!&ndash;  }&ndash;&gt;-->
<!--&lt;!&ndash;};&ndash;&gt;-->
<!--&lt;!&ndash;</script>&ndash;&gt;-->

<!--&lt;!&ndash;<style>&ndash;&gt;-->
<!--&lt;!&ndash;.history-item {&ndash;&gt;-->
<!--&lt;!&ndash;  padding: 10px;&ndash;&gt;-->
<!--&lt;!&ndash;  border-bottom: 1px solid #ccc;&ndash;&gt;-->
<!--&lt;!&ndash;}&ndash;&gt;-->
<!--&lt;!&ndash;</style>&ndash;&gt;-->
<!--<template>-->
<!--  <view>-->
<!--    <table>-->
<!--      <thead>-->
<!--      <tr>-->
<!--        <th>患者</th>-->
<!--        <th>出生日期</th>-->
<!--        <th>性别</th>-->
<!--        <th>医生</th>-->
<!--        <th>药品</th>-->
<!--        <th>问诊人和患者关系</th>-->
<!--        <th>患者病情描述</th>-->
<!--      </tr>-->
<!--      </thead>-->
<!--      <tbody>-->
<!--      <tr v-for="(item, index) in historyRecords" :key="index">-->
<!--        <td>{{ item.patientId }}</td>-->
<!--        <td>{{ item.birthDate }}</td>-->
<!--        <td>{{ item.gender }}</td>-->
<!--        <td>{{ item.doctorName }}</td>-->
<!--        <td>{{ item.medicineName }}</td>-->
<!--        <td>{{ item.relationshipWithPatient }}</td>-->
<!--        <td>{{ item.conditionDescription }}</td>-->
<!--      </tr>-->
<!--      </tbody>-->
<!--    </table>-->
<!--  </view>-->
<!--</template>-->

<!--<script>-->
<!--import {searchDoctorListByUserId} from "@/api/websocket/websocket";-->

<!--export default {-->
<!--  data() {-->
<!--    return {-->
<!--      historyRecords: []-->
<!--    };-->
<!--  },-->
<!--  onShow() {-->
<!--    this.fetchHistory();-->
<!--  },-->
<!--  methods: {-->
<!--    fetchHistory() {-->
<!--      searchDoctorListByUserId().then(res => {-->
<!--        this.historyRecords = res.data;-->
<!--      }).catch(error => {-->
<!--        console.error('获取问诊记录失败:', error);-->
<!--      });-->
<!--    }-->
<!--  }-->
<!--};-->
<!--</script>-->

<!--<style>-->
<!--table {-->
<!--  width: 100%;-->
<!--  border-collapse: collapse;-->
<!--}-->

<!--th {-->
<!--  background-color: #f2f2f2;-->
<!--  border-bottom: 1px solid #ccc;-->
<!--  padding: 10px;-->
<!--}-->

<!--td {-->
<!--  border-bottom: 1px solid #ccc;-->
<!--  padding: 10px;-->
<!--}-->
<!--</style>-->

<template>
  <view>
    <table>
      <thead>
      <tr>
        <th style="text-align: center">患者</th>
        <th style="text-align: center">出生日期</th>
        <th style="text-align: center">性别</th>
        <th style="text-align: center">医生</th>
        <th style="text-align: center">药品</th>
        <th style="text-align: center">问诊人和患者关系</th>
        <th style="text-align: center">患者病情描述</th>
        <th style="text-align: center">操作</th>
      </tr>
      </thead>
      <tbody>
      <tr v-for="(item, index) in historyRecords" :key="index">
        <td style="text-align: center">{{ item.patientId }}</td>
        <td style="text-align: center">{{ item.birthDate }}</td>
        <td style="text-align: center">{{ item.gender }}</td>
        <td style="text-align: center">{{ item.doctorName }}</td>
        <td style="text-align: center">{{ item.medicineName }}</td>
        <td style="text-align: center">{{ item.relationshipWithPatient }}</td>
        <td style="text-align: center">{{ item.conditionDescription }}</td>
        <td style="text-align: center">
          <button class="consult-button" @click="toInquire(item.doctorId,item.doctorName)">和医生聊一聊</button>
        </td>
      </tr>
      </tbody>
    </table>
  </view>
</template>

<script>
import {searchDoctorListByUserId} from "@/api/websocket/websocket";

export default {
  data() {
    return {
      historyRecords: []
    };
  },
  onShow() {
    this.fetchHistory();
  },
  methods: {
    fetchHistory() {
      searchDoctorListByUserId().then(res => {
        this.historyRecords = res.data;
      }).catch(error => {
        console.error('获取问诊记录失败:', error);
      });
    },
    toInquire(doctorId,doctorName){
      uni.navigateTo({
        url: `/pages/inquire/showOneInquire?doctorId=`+doctorId+`&payStatus=1&doctorName=`+doctorName,
      });
    },
  }
};
</script>

<style>
table {
  width: 100%;
  border-collapse: collapse;
}

th {
  background-color: #f2f2f2;
  border-bottom: 1px solid #ccc;
  padding: 10px;
}

td {
  border-bottom: 1px solid #ccc;
  padding: 10px;
}
</style>
